#phone-title{
    display: flex;
    justify-content: space-between;
    height: 35px;
    background: #212121;
    color: white;
    font-size: 12px;
}

/*信号的容器*/
#phone-title-left{
    width: 33%;
    display: flex;
    align-items: center;/*垂直居中*/
}
/*有信号*/
.signal,.no-signal{
    width: 7px;
    height: 7px;
    border-radius: 50%;/*边框圆角*/
    border: 1px solid white;
    background: white;
    margin: 1px;
}

.no-signal{
    background: #212121;
}
/*时间*/
#phone-title-center{
    width: 34%;
    display: flex;
    justify-content: center;/*水平居中*/
    align-items: center;
}
/*电池、电量*/
#phone-title-right{
    width: 33%;
    display: flex;
    justify-content: flex-end;/*右对齐*/
    align-items: center;
}
/*电池主体*/
#phone-title-right div:nth-child(2){
    border: 1px white solid;
    height: 11px;
    width: 30px;
    margin-left: 4px;
}
/*电量*/
#phone-title-right div:nth-child(2) div{
    height: 9px;
    width: 22px;
    background: #76ff03;
}
/*正极*/
#phone-title-right div:nth-child(3) {
    background: white;
    width:2px;
    height: 7px;
    margin-right: 6px;
}